<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新的表单提交方式</title>
</head>
<body>
<h3>传统的表单提交方式（9种）</h3>
用户名：<input type="text"> <br>
密码：<input type="password"><br>
性别：<input type="radio"><br>
课程:<input type="checkbox"><br>
隐藏：<input type="hidden">
文件：<input type="file"><br>
按钮：<input type="button" value="按钮"><br>
表单:<input type="submit"><br>
重置：<input type="reset"><br><hr>
<h3>新的表单提交方式（目前只用在移动端）</h3>
颜色：<input type="color"><br>
网址：<input type="url"><br>
搜索：<input type="search" results="10" placeholder="Search..."><br>
邮箱：<input type="email" pattern="^\*.com"><br>
日期：<input type="date" min="2015-09-01" max="2018-09-01"><br>
图片：<input type="image"><br>
范围：<input type="range" min="0" max="50" value="10"><br>
数字：<input type="number">
</body>
</html>